<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>EComanda - Login</title>
</h:head>

<h:body>

	<table style="width: 100%;">
		<tr style="height: 100px">
			<td id="top" colspan="2" style="background-color: #C6BB8D;">
				<p:outputLabel value="Ecomanda" />
			</td>
		</tr>

		<tr style="height: 500px">
			<td style="background-color: #A9916F; width: 20%;"></td>

			<td
				style="background-color: #D2CDB0; width: 80%; margin-bottom: 10px; margin-top: 10px;">
				
				<h:form id="form">

					<p:panel id="panel" header="Autenticação"
						style="margin-bottom:10px; width: 500px">

						<p:messages id="messages" />

						<p:panelGrid columns="2">

							<h:outputLabel for="usernameInput" value="Nome do usuário*:" />
							<p:inputText id="usernameInput" value="#{loginBean.username}"
								required="true" />

							<h:outputLabel for="passwordInput" value="Senha*:" />
							<p:password id="passwordInput" value="#{loginBean.password}"
								required="true" />

							<p:commandButton value="Entrar" action="#{loginBean.doLogin}"
								ajax="false" />

						</p:panelGrid>

					</p:panel>

				</h:form>
				
			</td>
		</tr>

		<tr style="height: 50px">
			<td colspan="2"
				style="background-color: #4B4E39; text-align: center;"><p:outputLabel
					value="© Copyright 2014-2014 EComanda" style="color:#FFFFFF" /></td>
		</tr>

	</table>

</h:body>

</html>